<template>
  <div>
    <ul>
      <!-- :key 相当于一个id 重新排序现有元素 -->
      <li v-for="item in arr" :key="item">{{ item }}</li>
    </ul>
    <button @click="btn">按钮</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      arr:['Rose','Ian','Ellen']
    };
  },
  methods: {
    btn(){
      //头部顺序加到末尾
    this.arr.push(this.arr[0])
      //再把头部数据删除掉
       this.arr.shift()

    }
  }
};
</script>

<style>
</style>